<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>详情页面</title>
    <link rel="stylesheet" href="../../layui/css/layui.css" />
    <style>
        .layui-input {
            width: 220px;
        }
        .layui-form-item{
            margin-top: 5px;
            padding-bottom: 15px;
        }
    </style>
</head>
<body>
<form class="layui-form" id="form" lay-filter="update">
    <input type="hidden" id="cid" name="cid">
    <div class="layui-form-item">
        <label class="layui-form-label">总金额</label>
        <div class="layui-input-inline">
            <input type="text" name="crental" id="crental" required  lay-verify="required" placeholder="请输入总金额" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">押金</label>
        <div class="layui-input-inline">
            <input type="text" name="ccash" id="ccash" required  lay-verify="required" placeholder="请输入租金" autocomplete="off" class="layui-input">
        </div>
    </div>
</form>
<script src="/static/js/jquery-3.3.1.js"></script>
<script src="/static/layui/layui.js"></script>
<script>

    //Demo
    layui.use(['form','laydate'], function() {
        var form = layui.form;
        $().ready(function () {
            $.ajax({
                type: "post",
                url: "/ContractServlet?method=queryOne",
                data: {"cid": getQueryString("cid")},
                dataType: "json",
                success: function (da) {
                    if (da.code === 0) {
                        // form.val("update",da.data);
                        $.each(da.data, function (update, u) {
                            $('#cid').val(u.cid);
                            $("#crental").val(u.crental);
                            $('#ccash').val(u.ccash);
                        })
                    } else {
                        layer.msg("查询数据失败！");
                    }
                }
            })
        })
        $(function () {
            $("input").prop("disabled", "disabled");
            $("textarea").prop("disabled", "disabled");
        })

        //获取传来的？后的 字段参数
        function getQueryString(name) {
            var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
            var r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return unescape(r[2]);
            }
            return null;
        }
    })
</script>
</body>
</html>